<template>
  <div>
    <template v-for="(item, index) in histories">
      <van-cell :key="item" :title="item" icon="underway-o">
        <template #right-icon>
          <van-icon name="cross" size="18" @click="delSearchItem(index)" />
        </template>
      </van-cell>
    </template>
  </div>
</template>

<script>
export default {
  props: {
    histories: {
      type: Array,
      default: () => [],
    },
  },
  methods: {
    delSearchItem(index) {
      // 自定义事件
      this.$emit('delsearchitem', index)
    },
  },
}
</script>

<style lang="scss" scoped>
</style>





